<template>
  <div class="not-found">
    <font style="font-size: 130px">4 0 4</font>&nbsp;&nbsp;&nbsp;<font
      style="font-size: 22px"
      >NOT FOUND</font
    ><br /><font style="font-size: 20px">页面找不到了ಥ_ಥ</font
    >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <el-button type="text" @click="back">返回上一页</el-button>
  </div>
</template>

<script>
export default {
  name: "404View",
  methods: {
    back() {
      this.$router.back();
    },
  },
};
</script>

<style scoped>
.not-found {
  text-align: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  margin: auto;
  width: 360px;
  height: 300px;
  font-family: fantasy;
}
</style>
